<template>
	<view class="transaction">
		<template v-if="info">
			
		
		<view class="black_1">
			<view class="line_1">
				<!-- <view class="text1" :class="info.status == 1?'text2':''">待确认</view>
				<view class="line"></view> -->
				<view class="text1" :class="info.status == 1?'text2':''">待支付</view>
				<view class="line"></view>
				<view class="text1" :class="info.status == 2?'text2':''">待发货</view>
				<view class="line"></view>
				<view class="text1" :class="info.status == 4?'text2':''">已完成</view>
			</view>
			<view class="line_2">
				<template v-if="info.status == 4">
					<view class="text1">我已支付，请查收，谢谢</view>
				</template>
				<template v-else-if="info.status == -1">
					<view class="text1">卖家已取消该订单</view>
				</template>
				<template v-else-if="info.status == 3">
					<view class="text1">申述中</view>
				</template>
				<template v-else>
					<view class="text1">如果超时未支付，订单将自动关闭</view>
					<uni-countdown color="#fff" splitorColor="#fff" :showColon="true" :showDay="false"
						:timestamp="info.order_end_time">
					</uni-countdown>
				</template>
			</view>
		</view>

		<template v-if="info.status != -1">
			<view class="type4">
				<view class="black_2">
					<image class="img" src="@/static/tading/kong.png"></image>
				</view>
				<view class="black_3" v-if="info.buy_info">
					<image class="img" :src="info.buy_info.avatar"></image>
					<text class="text1">{{info.buy_info.nickname}}</text>
					<view class="text2">实付款：{{info.num}}CNY</view>
				</view>
				<view class="black_33">
					订单信息
				</view>
				<view class="black_4">
					<view class="left">
						交易数量
					</view>
					<view class="right">
						{{info.num}}
					</view>
				</view>
				<view class="black_4">
					<view class="left">
						单价
					</view>
					<view class="right">
						{{info.num}}
					</view>
				</view>
				<view class="black_4">
					<view class="left">
						订单编号
					</view>
					<view class="right">
						{{info.order_no}}
						<!-- <image class="img" src="/static/my/copy.png"></image> -->
					</view>
				</view>
				<view class="black_4">
					<view class="left">
						下单时间
					</view>
					<view class="right">
						<uni-dateformat :date="info.add_time*1000" format="yyyy-MM-dd">
						</uni-dateformat>
					</view>
				</view>

			</view>
			<!-- <template v-if="info.status == 1">
				<view class="black_5">
					超时未操作订单自动取消
				</view>
			</template> -->

			<view class="black_9" v-if="info.status == 2 || info.status == 1">
				<text class="text1">下单时间：</text>
				<uni-dateformat :date="info.add_time*1000" format="yyyy-MM-dd">
				</uni-dateformat>
			</view>
			<view class="black_6" :class="info.sell_id != this.userId?'black_6_left':''">
				<view class="view1">
					<image v-if="info.sell_id != this.userId" class="img" :src="info.buy_info&&info.buy_info.avatar">
					</image>
				</view>
				<view class="left">
					<template v-if="info.status == 2 || info.status == 1 || info.status == 4">
						<text class="text1" v-if="info.image">
							我已支付，请查收，谢谢
						</text>
						<text class="text1" v-else-if="info.status == 2 || info.status == 4">
							我已支付，请查收，谢谢
						</text>
						<text class="text1" v-else-if="!info.image">
							请根据我的收款信息完成支付，并上传转账凭证，谢谢!
						</text>
					
					</template>
					<view class="text2" v-if="info.status == 1 || info.status == 2">
						<uni-countdown color="#fff" splitorColor="#fff" :showColon="true" :showDay="false"
							:timestamp="info.order_end_time">
						</uni-countdown>
					</view>
				</view>
				<view class="view1">
					<image v-if="info.sell_id == userId" class="img" :src="info.sell_info.avatar"></image>
				</view>
			</view>
			<template v-if="info.image">
				<view class="pingzhang" :class="info.sell_id == userId?'pingzhang_action':''">
					<image class="pay_pingz" :src="info.image" @click="showImagePay(info.image)"></image>
					<view class="heyan" v-if="info.status == 4">
						<uni-icons type="checkmarkempty" size="20" color="#3EC466">
						</uni-icons>
						<text class="text1">已查验</text>
					</view>
				</view>
			</template>
			<view class="black_7">
				<view class="view1">
					<view class="line_1">
						<view class="left"><text class="text1">{{info.unit_price}}</text>/ 单价</view>
						<view class="left" v-if="info.count_trade_inf">
							{{info.count_trade_inf.finish_num}}成交/{{info.count_trade_inf.finish_raio}}%
						</view>
					</view>
					<view class="line_2">
						<text class="text1">{{info.num}}</text>
						<text class="text2">ZY</text>
					</view>
					<view class="line_3">交易数量</view>

					<template v-if="!info.image">

						<view v-if="isMore" class="line_4" @click="showMore()">查看更多信息</view>
						<view v-else class="line_6">
							<!-- <view class="line_black_4">
								<view class="left">
									与我成交：
								</view>
								<view class="right">
									100
								</view>
							</view> -->
							<view class="line_black_4">
								<view class="left">
									{{info.sell_id == userId?'买家姓名':'卖家姓名'}}：
								</view>
								<view class="right">
									{{info.sell_id == userId ? info.buy_info.nickname:info.sell_info.nickname}}
								</view>
							</view>
							<view class="line_black_4">
								<view class="left">
									联系方式：
								</view>
								<view class="right">
									{{info.sell_id == userId ? info.buy_info.mobile:info.sell_info.mobile}}
									<image class="img" src="/static/my/copy.png"
										@click="copy(info.sell_id == userId ? info.buy_info.mobile:info.sell_info.mobile)">
									</image>
								</view>
							</view>
							<view class="line_black_4">
								<view class="left">
									支付方式：
								</view>
								<view class="right" v-if="info.buy_collection">
									<view class="text1">
										<view class="view1">
											{{getPayType(info.buy_collection,0)}}
										</view>
										<view class="views">
											{{getPayType(info.buy_collection,1)}}
										</view>
									</view>
									<image class="img" src="/static/my/copy.png" @click="copy2(info.buy_collection)">
									</image>
								</view>
							</view>
							<view class="line_black_4" v-if="info.buy_collection.data.image">
								<view class="left">
									收款码：
								</view>
								<view class="right2" v-if="info.buy_collection">
									<image class="buy_collection" :src="info.buy_collection.data.image" @click="showImagePay(info.buy_collection.data.image)"></image>
									<view class="right2" v-if="info.buy_collection.data.image" >
										<text class="text3" @click="saveImage(info.buy_collection.data.image)" v-if="info.sell_id != userId">保存收款码</text>
									</view>
								</view>
							</view>
							<view class="line_black_4">
								<view class="left">
									订单编号：
								</view>
								<view class="right">
									{{info.order_no}}
									<image class="img" src="/static/my/copy.png" @click="copy(info.order_no)"></image>
								</view>
							</view>
							<view class="line_black_4">
								<view class="left">
									下单时间：
								</view>
								<view class="right">
									<uni-dateformat :date="info.add_time*1000" format="yyyy-MM-dd">
									</uni-dateformat>
								</view>
							</view>

						</view>

					</template>

				</view>

				<view class="line_5" v-if="info.status != 4">
					<template v-if="info.sell_id == userId && info.status == 2">
						<view class="text1" @click="shenshu(info.id)">订单异常</view>
					</template>
					<view v-else-if="info.sell_id != userId && !info.image"  class="text1" @click="updatePay()">换一个付款</view>
					<view v-else class="text1" >
						<uni-countdown color="#FE903D" splitorColor="#FE903D" :showColon="true" :showDay="false"
							:timestamp="info.order_end_time">
						</uni-countdown>
						</view>
					<template v-if="info.sell_id == userId">
						<template v-if="info.status == 3">
							<view class="text2">申述中</view>
						</template>
						<template v-else-if="info.image">
							<view class="text2" @click="shouFahuo()">发货</view>
						</template>
						<template v-else>
							<view class="text2" @click="showAlertDialog(0)">提醒他</view>
						</template>
					</template>
					<template v-else>
						<template v-if="info.image">
							<view class="text2" @click="showAlertDialog(0)">提醒他</view>
						</template>
						<view v-else class="text2" @click="showUploadImage1()">{{getStauts(info)}}</view>
					</template>
				</view>
			</view>

		</template>

		<!--风险提示-->
		<view class="black_8">
			<view class="line_1">风险提示</view>
			<view class="line_2">
				<view class="text2">
					1.同意交易后请不要离开当前页面
				</view>
				<view class="text2">
					2.注意订单变化以免造成财产损失
				</view>
				<view class="text2">
					3.收款账户<text class="text1">未收到资金</text>请勿确认发货
				</view>
				<view class="text2">
					4.请保持并<text class="text1">手机畅通</text>留意短信提醒
				</view>
			</view>
		</view>
</template>
		<!-- 提示窗示例 -->
		<uni-popup ref="alertDialog">
			<view class="alertDialog">
				<view v-if="title" class="alertDialog_title">{{title}}</view>
				<view class="alertDialog_content">
					<view v-if="message" class="text1">{{message}}</view>
					<view v-if="message2" class="text2">{{message2}}</view>
				</view>
				<view class="alertDialog_bottom">
					<view class="left" @click="close()">取消</view>
					<view class="middle"></view>
					<view class="right" @click="alertDialogSubmit()">{{comfig}}</view>
				</view>
			</view>
		</uni-popup>
		<paymentVoucher ref="paymentVoucher" :success="submit"></paymentVoucher>
		<fahuo ref="fahuo" :success="submit1"></fahuo>
		<payType ref="payType" :success="payTypeSucess"></payType>
	</view>
</template>

<script>
	import paymentVoucher from '@/components/pay/paymentVoucher.vue'
	import fahuo from '@/components/pay/fahuo.vue'
	import payType from '@/components/pay/payType.vue'
	export default {
		components: {
			paymentVoucher,
			fahuo,
			payType
		},
		data() {
			return {
				title: '',
				message: '',
				message2: '',
				comfig: '提醒',
				type: 0,
				id: 0,
				isMore: false,
				info: null,
				userId: ''
			};
		},
		onLoad(opt) {
			this.userId = uni.getStorageSync('userId')
			var that = this
			var id = opt.id
			// this.info={}
			this.api.http.requests('exchange/detail', {
				id: id
			}, res => {
				if (res.data) {
					that.info = res.data
					if(that.info.buy_collection){
						that.info.buy_collection.data = JSON.parse(that.info.buy_collection.data)
					}else {
						that.info.buy_collection = that.info.sell_collections[0]
					}
					if(that.info.image && !that.info.image.startsWith('http://zygq.opo5.com')){
						that.info.image = 'http://zygq.opo5.com'+that.info.image
					}
					if(that.info.buy_collection.data.image && !that.info.buy_collection.data.image.startsWith('http://zygq.opo5.com')){ 
						that.info.buy_collection.data.image = 'http://zygq.opo5.com'+that.info.buy_collection.data.image
					}
					
				}

			}, "POST")
		},
		methods: {
			updatePay(){
				console.log(this.info.sell_collections)
				this.$refs.payType.open2(this.info.sell_collections)
			},
			payTypeSucess(item){
				this.info.buy_collection = item
			},
			showAlertDialog(type) {
				this.type = type
				var messgae2 = ""
				var messgae =""
				if (this.info.sell_id == this.userId) {
					messgae2 = "待买家付款"
					messgae = this.info.total_price +"CNY"
				} else {
					messgae2 = "待卖家确认"
					messgae = this.info.num + 'ZY'
				}
				if (type == 0) {
					this.title = ''
					this.message = messgae
					this.message2 = messgae2
					this.comfig = '提醒'
				} else if (type == 1) {
					this.title = '温馨提示'
					this.message = ''
					this.message2 = '确认取消交易?'
					this.comfig = '确认'
				}
				this.$refs.alertDialog.open()
			},
			close() {

				this.$refs.alertDialog.close()
			},
			alertDialogSubmit() {
				this.close()
				uni.showToast({
					title: '提醒成功'
				})
			},
			showMore() {
				this.isMore = !this.isMore
			},
			getTimesTamp(time) {
				if (time * 1000 > new Date().getTime()) {
					return true //未超时
				}
				return false
			},
			getStauts(item) {

				if (item.status == 1) {
					if (!this.getTimesTamp(item.order_end_time)) {
						return "订单已超时"
					}
					if (item.sell_id == this.userId) {
						return "待买家付款"
					}
					return "提交截图"
				} else if (item.status == 2) {
					if (!this.getTimesTamp(item.order_end_time)) {
						return "订单已超时"
					}
					if (item.sell_id == this.userId) {
						return "确认发货"
					}
					return "待商家确认"
				} else if (item.status == 3) {
					return "申述中"
				} else if (item.status == 4) {
					if (item.sell_id == this.userId) {
						return "已完成收款"
					}
					return "已完成"
				} else if (item.status == -1) {
					return '该订单已取消'
				}
			},
			copy(text) {
				this.custom.tool.setClipboardText(text, {}, {})
			},
			getPayType(buy_collection,type) {

				if (buy_collection.type == 'bank') {
					if(type == 0){
						return "银行卡 "+buy_collection.data.bank_name
					}else{
						return buy_collection.data.bank_number 
					}
				}
				if (buy_collection.type == 'usdt') {
					if(type == 0){
						return "usdt "+buy_collection.data.network
					}else{
						return buy_collection.data.money_address 
					}
				}
				if (buy_collection.type == 'wechat') {
					if(type == 0){
						return "微信 "
					}else{
						return buy_collection.data.account_name 
					}
					// return "微信\n(" + buy_collection.data.account_name + ')'
				}
				if (buy_collection.type == 'alipay') {
					if(type == 0){
						return "支付宝 "
					}else{
						return buy_collection.data.account_name 
					}
				}
			},
			copy2(buy_collection) {
				var acc = ''
				if (buy_collection.type == 'bank') {
					acc = "" + buy_collection.data.bank_number + ''
				}
				if (buy_collection.type == 'usdt') {
					acc = buy_collection.data.network + "" + buy_collection.data.money_address + ''
				}
				if (buy_collection.type == 'wechat') {
					acc = "" + buy_collection.data.account_name + ''
				}
				if (buy_collection.type == 'alipay') {
					acc = "" + buy_collection.data.account_name + ''
				}
				this.copy(acc)
			},
			showImagePay(image){
				uni.previewImage({
					urls: [image]
				})
			},
			showUploadImage1() {
				if (this.info.status == 0)
					return
				if (this.info.status == 3 || this.userId == this.info.sell_id || this.info.status == 4) {
					if (this.info.image) {
						uni.previewImage({
							urls: [this.getPayImage(this.info.image)]
						})
					}
					return
				}
				this.$refs.paymentVoucher.open()
			},
			submit1() {
				this.submit(this.info.image)
			},
			submit(images) {
				console.log('111111111111')
				if(images !='')
				this.info.image = images

				if (!this.getTimesTamp(this.info.order_end_time)) {
					uni.showToast({
						title: '订单已超时',
						icon: 'none'
					})
					return
				}
				var url = ''
				var data = {}
				var msg = "提交成功"
				if (this.info.status == 3 || this.info.status == 4)
					return
					console.log('22222')
				if (this.info.sell_id == this.userId) {
					if (this.info.account_type == 'zy' && !this.info.image) {
						return
					}
					url = 'exchange/confirm'
					data.id = this.info.id
					msg = '确认收款成功'
				} else {

					if (this.info.account_type == 'zy' && !this.info.image) {
						uni.showToast({
							title: '请上传支付凭证',
							icon: 'none'
						})
						return
					}
					url = 'exchange/payment'
					console.log(this.info.id)
					data.id = this.info.id
					data.collection_id = this.info.buy_collection.id
					if (this.info.account_type == 'zy') {
						data.image = this.info.image.replace('http://zygq.opo5.com', '') //llwg.qufeiya.cn
					}
				}
				console.log(111,this.info.image)
				this.api.http.requests(url, data, res => {
					// uni.showToast({
					// 	title:msg,
					// 	icon:'none'
					// })
					uni.showToast({
						title: msg,
						success: function() {
							setTimeout(function() {
								//要延时执行的代码
								uni.navigateBack()
							}, 3000) //延迟时间 
						}
					})


				}, "POST")

			},
			shenshu(id) {
				uni.navigateTo({
					url: '/pages/trading/appeal?id=' + this.info.id
				})
			},
			shouFahuo() {
				this.$refs.fahuo.opne(this.info.id)
			},
			saveImage(url){
				// #ifdef H5
				this.showImagePay(url)
				return
				// #endif
				uni.saveImageToPhotosAlbum({
					filePath: url,
					success: function(res) {
						uni.showToast({
							title: '保存相册成功'
						});
						console.log('save success');
					},
					fail(res) {
						console.log(res);
						if (res.errMsg == 'saveImageToPhotosAlbum:fail auth deny') {
							uni.showModal({
								title: '您需要授权相册权限',
								success(res) {
									if (res.confirm) {
										uni.openSetting({
											success(res) {},
											fail(res) {
												console.log(res);
											}
										});
									}
								}
							});
						}
					}
				});
						
			}
		}
	}
</script>
<style>
	page {

		background: #F5F5F5;
	}
</style>

<style scoped lang="less">
	.black_1 {
		margin-top: 1px;
		background: #FE903D;
		padding: 10px;

		.line_1 {
			margin-top: 10px;
			display: flex;
			justify-content: space-between;
			font-size: 32rpx;
			font-weight: 400;
			color: #FFE6D5;
			align-items: center;

			.text2 {
				color: #FFFFFF;
				font-weight: bold;
			}

			.line {
				height: 1px;
				width: 20px;
				border-bottom: 1px dashed #FFFFFF;


			}
		}

		.line_2 {
			margin-top: 5px;
			font-size: 25rpx;
			font-weight: 400;
			color: #FFE6D5;
			display: flex;
			justify-content: space-between;
		}


	}


	.type4 {
		display: none;

		.black_2 {
			text-align: center;

			// .img {
			// 	width: 100px;
			// 	height: 80px;
			// }
		}

		.black_3 {
			display: flex;
			justify-content: space-between;
			padding: 20px 10px;
			font-size: 28rpx;
			font-weight: 800;
			color: #333333;

			border-bottom: 2rpx solid #ECECEC;

			.text1 {
				flex: 1;
				margin-left: 10px;
			}

			.img {
				width: 20px;
				height: 20px;
				border-radius: 50%;
			}

			.text2 {
				font-size: 25rpx;
				font-weight: 400;
				color: #666666;
			}
		}

		.black_33 {
			font-size: 28rpx;
			font-weight: 800;
			color: #333333;
			padding: 10px;
		}

		.black_4 {
			font-size: 25rpx;
			font-weight: 400;
			color: #666666;
			display: flex;
			justify-content: space-between;
			padding: 5px 10px;

			.right {
				.img {
					margin-left: 5px;
					width: 10px;
					height: 10px;
				}
			}
		}
	}


	.black_5 {
		padding: 10px;
		text-align: center;
		font-size: 25rpx;
		font-weight: 400;
		color: #666666;
	}

	.black_6 {

		display: flex;

		align-items: center;
		margin-right: 10px;
		margin-left: 10px;
		margin-top: 20px;
		justify-content: flex-end;

		.left {
			// height: 24px;
			padding: 5px 10px;
			background: #FE903D;
			font-size: 29rpx;
			font-weight: 400;
			color: #FFFFFF;
			border-radius: 5px;
			display: flex;
			margin-right: 5px;
			.text2 {
				font-size: 20rpx;
				padding-top: 5px;
			}
		}
		
		.view1{
			width: 15%;
			.img {
				margin-left: 0px;
				width: 40px;
				height: 40px;
				border-radius: 50%;
			}	
		}
		
	}

	.black_6_left {
		justify-content: start;

		.img {
			margin-right: 10px;
			// margin-left: 0px;
		}
	}

	.pingzhang {

		margin-left: 50px;
		margin-top: 10px;

		.pay_pingz {
			margin: auto 0px auto auto;
			width: 150px;
			height: 200px;

		}

		.heyan {
			font-size: 25rpx;
			font-weight: 400;
			color: #666666;
		}
	}

	.pingzhang_action {
		text-align: end;
		margin-right: 50px;
	}

	.black_7 {
		margin: 10px 50px;

		.view1 {
			background: #FFFFFF;
			border-radius: 14rpx;


		}

		.line_1 {
			display: flex;
			justify-content: space-between;
			font-size: 25rpx;
			font-weight: 400;
			color: #969696;
			padding: 5px 10px;
			align-items: center;

			.text1 {
				font-size: 42rpx;
				font-weight: bold;
				color: #969696;
			}
		}

		.line_2 {

			text-align: center;
			font-size: 56rpx;
			font-weight: 800;
			color: #262626;
			margin-top: 30px;

			.text2 {
				font-size: 39rpx;
				font-weight: bold;
				color: #262626;
			}
		}

		.line_3 {
			text-align: center;
			font-size: 25rpx;
			font-weight: bold;
			color: #969696;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.line_4 {
			text-align: center;
			margin-top: 10px;
			font-size: 25rpx;
			font-weight: 400;
			color: #666666;
			padding-top: 10px;
			padding-bottom: 10px;
			border-top: 1rpx solid #ECECEC;
		}

		.line_5 {
			padding: 10px 0px;
			display: flex;
			justify-content: space-between;
			text-align: center;

			.text1 {
				width: 43%;
				background: #FFFFFF;
				border-radius: 14rpx;
				padding: 10px;
				border: 2rpx solid #F1F1F1;
				font-size: 28rpx;
				font-weight: bold;
				color: #666666;
				text-align: center;
				display: flex;
				justify-content: center;
				uni-countdown{
					margin: auto;
				}
			}

			.text2 {
				width: 40%;
				font-size: 28rpx;
				font-weight: bold;
				color: #FE903D;
				padding: 10px;
				background: #FFFFFF;
				border-radius: 14rpx;
				border: 2rpx solid #FE903D;
			}
		}

		.line_6 {
			font-size: 25rpx;
			font-weight: 400;
			color: #666666;
			padding: 10px;
			// justify-content: space-between;

			.line_black_4 {
				display: flex;
				padding: 10px 0px;
				border-bottom: 1rpx solid #ECECEC;
				align-items: center;
				.left{
					width: 70px;
				}
				.right {
					display: flex;
					align-items: center;
					.text{
						white-space: nowrap;
						word-break: break-all;
						overflow: hidden;
						text-overflow: ellipsis;
						word-wrap: break-word; /* 允许单词内断行 */
						  white-space: normal;   /* 处理空白符，自动换行 */
					}
					.img {
						margin-left: 5px;
						width: 10px;
						height: 10px;
					}

					
				}
				.right2{
					margin-left: 12px;
					display: flex;
					align-items: center;
					justify-content: space-between;
					.text3 {
						margin-left: 10px;
						padding: 5px;
						color: #FFFFFF;
						font-size: 12px;
						border-radius: 5px;
						background-color: #FE903D;
						text-align: end;
					}
					.buy_collection {
						width: 40px;
						height: 40px;
					}
					
				}
				
			}
		}
	}

	.black_8 {
		padding: 10px;

		.line_1 {
			font-size: 28rpx;
			font-weight: bold;
			color: #666666;
		}

		.line_2 {
			font-size: 25rpx;
			font-weight: 400;
			color: #969696;

			.text1 {
				color: #FE903D;
			}

			.text2 {
				margin-top: 10px;
			}
		}
	}

	.black_9 {
		display: flex;
		background: #FFFFFF;
		padding: 10px 10px;
		font-size: 25rpx;
		font-weight: 400;
		color: #666666;
		margin: 0px 50px 10px 50px;

		border-radius: 0px 0px 14rpx 14rpx;
	}

	.alertDialog {

		width: 527rpx;
		// height: 327rpx;
		background: #FFFFFF;
		border-radius: 14rpx;
		text-align: center;

		.alertDialog_title {
			font-size: 32rpx;
			font-weight: 800;
			color: #2A2A2A;
			padding: 10px 10px 0px 10px;
		}

		.alertDialog_content {
			padding-top: 20px;

			.text1 {
				font-size: 56rpx;
				font-weight: 800;
				color: #262626;
			}

			.text2 {
				font-size: 25rpx;
				font-weight: 400;
				color: #FE903D;
			}
		}

		.alertDialog_bottom {
			margin-top: 20px;
			border-top: 1rpx solid #ECECEC;
			display: flex;
			text-align: center;

			.left {
				text-align: center;
				flex: 1;
				font-size: 28rpx;
				font-weight: 400;
				color: #333333;
				padding: 15px 0px;
			}

			.right {
				text-align: center;
				flex: 1;
				font-size: 28rpx;
				font-weight: 400;
				color: #FE903D;
				padding: 15px 0px;
			}

			.middle {
				width: 1px;
				height: auto;
				background-color: #ECECEC
			}
		}
	}
</style>